<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Genius</title>
		<link rel="stylesheet" type="text/css" href="css/new_file.css" />
		<link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
	</head>

	<body>
		<!--导航-->
		<nav class="navbar navbar-expand-lg navbar-light bg-light">
			<div class="container">
				<a class="navbar-brand" href="#">
					<img src="img/Genius_02.png" />
				</a>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

				<div class="collapse navbar-collapse" id="navbarSupportedContent">
					<div class="mr-auto"></div>
					<ul>
						<li class="nav-item active">
							<a class="nav-link" href="#">首页<span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item active">
							<a class="nav-link" href="#">解决方案 <span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item active">
							<a class="nav-link" href="#">产品展示<span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item active">
							<a class="nav-link" href="#">客户案例<span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item active">
							<a class="nav-link" href="#">服务中心<span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item active">
							<a class="nav-link" href="#">新闻动态<span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item active">
							<a class="nav-link" href="#">关于我们<span class="sr-only">(current)</span></a>
						</li>
						<li class="nav-item active">
							<a class="nav-link" href="#">招贤纳士<span class="sr-only">(current)</span></a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<!--轮播-->
		<div class="banner">
			<img src="img/Genius_04.png" />
		</div>
		<!--Our Courses-->
		<div class="our">
			<div class="container">
				<div class="row">
					<div class="col-12 text-center">
						<h1>Our Courses</h1>
						<p>Lrem ipsum dolor sit amet.consectetur adipisicing elit.Dolores quae porro consequater aliquam,incidunt wius magni provident,doloribus omnis minus temporibus perferendis nesciunt quam repellenus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
					</div>
					<div class="col-12 col-md-4 mb-4">
						<div class="row text-center">
							<div class="col-md-2">
								<img src="img/Genius_07.png" />
							</div>
							<div class="col-md-10">
								<h5>Mobile Dev</h5>
								<p>Becked by some of the biggest names in the industry.Firefox OS is an open platform that fosters greater</p>
							</div>
						</div>
					</div>
					<div class="col-12 col-md-4 mb-4">
						<div class="row text-center">
							<div class="col-md-2">
								<img src="img/Genius_07.png" />
							</div>
							<div class="col-md-10">
								<h5>Communication</h5>
								<p>Becked by some of the biggest names in the industry.Firefox OS is an open platform that fosters greater</p>
							</div>
						</div>
					</div>
					<div class="col-12 col-md-4 mb-4">
						<div class="row text-center">
							<div class="col-md-2">
								<img src="img/Genius_07.png" />
							</div>
							<div class="col-md-10">
								<h5>Computers</h5>
								<p>Morbi vitae tortor tempus,placerat leoert,suscipit lectus.Phasellus ut euismod massa, eu eleifend ipsum.</p>
							</div>
						</div>
					</div>
					<div class="col-12 col-md-4 mb-4">
						<div class="row text-center">
							<div class="col-md-2">
								<img src="img/Genius_07.png" />
							</div>
							<div class="col-md-10">
								<h5>Finance</h5>
								<p>Morbi vitae tortor tempus,placerat leoert,suscipit lectus.Phasellus ut euismod massa, eu eleifend ipsum.</p>
							</div>
						</div>
					</div>
					<div class="col-12 col-md-4 mb-4">
						<div class="row text-center">
							<div class="col-md-2">
								<img src="img/Genius_07.png" />
							</div>
							<div class="col-md-10">
								<h5>Maths</h5>
								<p>Morbi vitae tortor tempus,placerat leoert,suscipit lectus.Phasellus ut euismod massa, eu eleifend ipsum.</p>
							</div>
						</div>
					</div>
					<div class="col-12 col-md-4 mb-4">
						<div class="row text-center">
							<div class="col-md-2">
								<img src="img/Genius_07.png" />
							</div>
							<div class="col-md-10">
								<h5>Development</h5>
								<p>Morbi vitae tortor tempus,placerat leoert,suscipit lectus.Phasellus ut euismod massa, eu eleifend ipsum.</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--Our Students-->
		<div class="students">
			<div class="container">
				<div class="row">
					<div class="col-12 text-center">
						<h1>Our Courses</h1>
						<p>Lrem ipsum dolor sit amet.consectetur adipisicing elit.Dolores quae porro consequater aliquam,incidunt wius magni provident,doloribus omnis minus temporibus perferendis nesciunt quam repellenus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
					</div>
					<div class="col-md-6">
						<img src="img/Genius_11.png" />
					</div>
					<div class="col-md-6">
						<p>Lorem ipsum dolor sit amet, cadipisicing sit amet,consectetur adipisicing elit.Atque sed,quidem quis praesemtium,ut unde fuga error commodi architecto,oribus omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus,vero mollitia velit ad consectetur.Alias,laborum excepturi nihil autem memo numquam,ipsa architecto non,magni consequuntlaudantium culpa tenetur at id,beatae pet.</p>
						<p>Lorm ipsum dolor sit amet,consectetur adipisicing elit,adipisicing sit amet,consectetur adipisicing elit.Atque sed,quidem quis praesentium,m deserunt.</p>
						<ul>
							<li>
								<a href="#">
									<i></i> Lorem ipusm enimdolor sit amet
								</a>
							</li>
							<li>
								<a href="#">
									<i></i> Explicabo deleniti neque aliquid
								</a>
							</li>
							<li>
								<a href="#">
									<i></i> Consectetur adipisicing elit
								</a>
							</li>
							<li>
								<a href="#">
									<i></i> Lorem ipsum dolor sit amet
								</a>
							</li>
							<li>
								<a href="#">
									<i></i> Quo issimos molest quibusdam temporibus
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!--Our Events-->
		<div class="events">
			<div class="container">
				<div class="row">
					<div class="col-12 text-center">
						<h1>Our Events</h1>
						<p>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Dolores quae porro consequatur aliquam,incidunt eius magni provident, doloribus omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
					</div>
					<div class="col-12 col-md-4 text-center">
						<img src="img/Genius_15.png"/>
						<h6>Feb</h6>
						<p>LOPEM IPSUM DOLOR SIT AMET,CONSECTETUR ADIPIS.</p>
					</div>
					<div class="col1-12 col-md-4 text-center">
						<img src="img/Genius_17.png"/>
						<h6>March</h6>
						<p>APSUM DOLOR SWIT AMET,CONSECTETUR ADIPISDSLIF.</p>
					</div>
					<div class="col-12 col-md-4 text-center">
						<img src="img/Genius_19.png"/>
						<h6>April</h6>
						<p>DOLOR SIT AMET.CONSECTETUR ADIPISIC INDFEFT</p>
					</div>
				</div>
			</div>
		</div>
		<!--Campus Plaement-->
		<div class="campus">
			<div class="container">
				<div class="row">
					<div class="col-12 text-center">
						<h1>Campus Plaement</h1>
						<p>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Dolores quae porro consequatur aliquam,incidunt eius magni provident,doloribus omnis minus ovident,dolroibus omnis minus temporibus perferendis nesciunt...</p>
					</div>
					<div class="col-6 col-md-2 text-center mb-5">
						<img src="img/Genius_31.gif"/>
					</div>
					<div class="col-6 col-md-2 text-center mb-5">
						<img src="img/Genius_25.gif"/>
					</div>
					<div class="col-6 col-md-2 text-center mb-5">
						<img src="img/Genius_28.gif"/>
					</div>
					<div class="col-6 col-md-2 text-center mb-5">
						<img src="img/Genius_31.gif"/>
					</div>
					<div class="col-6 col-md-2 text-center mb-5">
						<img src="img/Genius_25.gif"/>
					</div>
					<div class="col-6 col-md-2 text-center mb-5">
						<img src="img/Genius_28.gif"/>
					</div>
				</div>
			</div>
		</div>
		<!--页脚-->
		<footer>
			<div class="container">
				<div class="row">
					<div class="col-md-3">
						<ul>
							<li>
								<a href="#">
									<b>Our Contact</b>
								</a>
							</li>
							<li>
								<a href="#">
									<b>Target company lnc</b>
								</a>
							</li>
							<li>
								<a href="#">JC Main Road,Near Silnile tower</a>
							</li>
							<li class="mb-3">
								<a href="#">Pin-21542 NewYork US.</a>
							</li>
							<li>
								<a href="#">(123)456-789-1255-12584</a>
							</li>
							<li>
								<a href="#">email@domainname.com</a>
							</li>
						</ul>
					</div>
					<div class="col-md-3">
						<ul>
							<li>
								<a href="#">
									<b>Quick Links</b>
								</a>
							</li>
							<li>
								<a href="#">
									Latest Events
								</a>
							</li>
							<li>
								<a href="#">Terms and conditions</a>
							</li>
							<li>
								<a href="#">privacy policy</a>
							</li>
							<li>
								<a href="#">Career</a>
							</li>
							<li>
								<a href="#">Contact us</a>
							</li>
						</ul>
					</div>
					<div class="col-md-3">
						<ul>
							<li>
								<a href="#">
									<b>Latest posts</b>
								</a>
							</li>
							<li>
								<a href="#">
									Lorem ipsum dolor sit amet,
								</a>
							</li>
							<li>
								<a href="#">consectur adipiscing elit.</a>
							</li>
							<li>
								<a href="#">pelleentsque et pulvinar enim.Quisque</a>
							</li>
							<li>
								<a href="#">at temoor ligula</a>
							</li>
							<li>
								<a href="#">Natus error sit voluptatem accusantium</a>
							</li>
							<li>
								<a href="#">doloremque</a>
							</li>
						</ul>
					</div>
					<div class="col-md-3">
						<ul>
							<li>
								<a href="#">
									<b>Recent News</b>
								</a>
							</li>
							<li>
								<a href="#">
									Lorem and ontlonsPin21542
								</a>
							</li>
							<li>
								<a href="#">Peletetgut et puMnar enim</a>
							</li>
							<li>
								<a href="#">Qusqueat tempor lgula at tempor</a>
							</li>
							<li>
								<a href="#">Dolares quae parro consequatur</a>
							</li>
							<li>
								<a href="#">Company nome Aa nghtr resmed</a>
							</li>
							<li>
								<a href="#">doloremque</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</footer>
		<div class="footer_bottom text-center">
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<p>Copyright?.Company name All rights reserved.</p>
					</div>
					<div class="col-md-6">
						<ul>
							<li>
								<a href="#">
									<img src="img/Genius_37.png" alt="" />
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/Genius_47.png" alt="" />
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/Genius_39.png" alt="" />
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/Genius_42.png" alt="" />
								</a>
							</li>
							<li>
								<a href="#">
									<img src="img/Genius_44.png" alt="" />
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		
		<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
		<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
		<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
	</body>

</html>